/* pages/test/test.wxss */
page {
  background-color: #edebe7;
}

.test-wrap {
  width           : 90%;
  margin          : 0 auto;
  background-color: #f8f8f8;
  padding         : 10rpx;

  .wrap-item {
    background-color: #ffffff;
    border-radius   : 10rpx;
    margin-bottom   : 20rpx;
    box-shadow: 0px 0px 3px #cccccc;

    .address-row {
      display        : flex;
      // justify-content: space-around;
      // align-items: center;
      // justify-content: center;
      text-align: center;
      border-bottom  : 1px dashed #cccccc;
      padding        : 15rpx 0;
      font-weight    : bold;

      text {
        flex: 1;
      }

      icon {
        flex: 1;

      }
    }

    .row-detail {
      display: flex;
      padding: 20rpx;

      .detail-left {
        flex: 1;

        .left-content {
          display    : flex;
          align-items: center;
          padding    : 10rpx 0;

        }

        .left-time {
          display    : flex;
          align-items: center;
          padding    : 10rpx 0;


        }

        icon {
          margin-right: 15rpx;
        }
      }

      .detail-right {
        flex           : 1;
        display        : flex;
        flex-direction : column;
        justify-content: center;
        align-items    : flex-end;

        .right-btn {
          color           : #ffffff;
          background-color: #2dd5d6;
          padding         : 10rpx 20rpx;
          border-radius   : 15rpx;
        }
      }
    }
  }
}


.test-image{
  width: 600rpx;
  height: 600rpx;
  background-color: goldenrod;
  image{
// width: 80%;
width: 100%;
height: 100%;
  }
}